<template>
	<view class="content">
		<view class="item f-c-b" @click="$to(`../bank-card/bank-card`)">
			<view>银行卡</view>
			<u-icon name="arrow-right"></u-icon>
		</view>
		<view class="btn f-c-c cw f30" @click="show=true">
			退出登录
		</view>
		<u-modal @confirm='$to(`../login/login`)' confirm-color='#F57808' confirm-text='继续'
			width='550' v-model="show" :content="content" :show-cancel-button='true'
			:content-style="{fontSize:'35rpx',color:'#464646',}"></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: '是否退出登录？',
				show:false
			}
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		background-color: #F4F4F4;
		height: 100vh;
		padding-top: 3rpx;
	}

	.item {
		background-color: #FFFFFF;
		padding: 30rpx 20rpx;
		margin-bottom: 3rpx;
	}

	.btn {
		background-color: #EF2A2A;
		margin: 1000rpx 50rpx;
		height: 85rpx;
		border-radius: 40rpx;
	}
</style>
